/* 自定义主题样式 */
:root {
  --el-color-primary: #8B0000;
  --el-color-primary-light-3: #B22222;
  --el-color-primary-light-5: #CD5C5C;
  --el-color-primary-light-8: #F08080;
  --el-color-primary-dark-2: #A52A2A;
  --el-color-primary-dark-8: #8B0000;
  
  --el-border-radius-base: 8px;
  --el-border-radius-small: 4px;
  --el-border-radius-round: 20px;
  --el-border-radius-circle: 100%;
  
  /* 剪纸文化主题色 */
  --paper-cut-red: #8B0000;
  --paper-cut-dark-red: #A52A2A;
  --paper-cut-light-red: #DC143C;
  --paper-cut-gold: #FFD700;
  --paper-cut-silver: #C0C0C0;
}

/* 覆盖Element Plus组件样式 */
.el-button--primary {
  background-color: var(--el-color-primary);
  border-color: var(--el-color-primary);
  border-radius: var(--el-border-radius-round);
}

.el-button--primary:hover {
  background-color: var(--el-color-primary-light-3);
  border-color: var(--el-color-primary-light-3);
}

.el-button--primary:active {
  background-color: var(--el-color-primary-dark-2);
  border-color: var(--el-color-primary-dark-2);
}

/* 卡片样式 */
.el-card {
  border-radius: 15px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  border: none;
}

/* 表单元素 */
.el-input__wrapper {
  border-radius: 25px;
}

.el-textarea__inner {
  border-radius: 15px;
}

/* 表格 */
.el-table {
  border-radius: 15px;
  overflow: hidden;
}

.el-table th {
  background-color: #f8f8f8;
}

/* 分页 */
.el-pagination {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
}

/* 对话框 */
.el-dialog {
  border-radius: 15px;
}

.el-dialog__header {
  background-color: #f8f8f8;
  border-radius: 15px 15px 0 0;
  padding: 20px;
}

/* 剪纸文化主题菜单样式 */
.el-menu--vertical.el-menu--dark {
  background-color: #8B0000 !important;
}

.el-menu--dark .el-menu-item,
.el-menu--dark .el-sub-menu__title {
  color: #ffffff !important;
  background-color: transparent !important;
}

.el-menu--dark .el-menu-item:hover,
.el-menu--dark .el-sub-menu__title:hover {
  background-color: #A52A2A !important;
  color: #FFD700 !important;
}

.el-menu--dark .el-menu-item.is-active {
  background-color: #DC143C !important;
  color: #ffffff !important;
}

.el-menu--dark .el-sub-menu .el-menu-item {
  background-color: #6B0000 !important;
  color: #F0F0F0 !important;
}

.el-menu--dark .el-sub-menu .el-menu-item:hover {
  background-color: #A52A2A !important;
  color: #FFD700 !important;
}

.el-menu--dark .el-sub-menu .el-menu-item.is-active {
  background-color: #B22222 !important;
  color: #FFD700 !important;
}

/* 标签页 */
.el-tabs__item {
  font-weight: 500;
}

/* 通知 */
.el-notification {
  border-radius: 15px;
}

/* 加载动画 */
.el-loading-spinner .circular {
  width: 36px;
  height: 36px;
}

/* 面包屑 */
.el-breadcrumb {
  margin-bottom: 20px;
}

/* 剪纸文化特色样式 */
.paper-cut-border {
  position: relative;
}

.paper-cut-border::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid transparent;
  border-image: repeating-linear-gradient(
    45deg,
    var(--paper-cut-red),
    var(--paper-cut-red) 10px,
    transparent 10px,
    transparent 20px
  ) 2;
  pointer-events: none;
  border-radius: inherit;
}

/* 渐变背景 */
.paper-cut-gradient {
  background: linear-gradient(135deg, var(--paper-cut-red) 0%, var(--paper-cut-light-red) 100%);
}

/* 响应式优化 */
@media (max-width: 768px) {
  .el-card {
    border-radius: 10px;
  }
  
  .el-dialog {
    border-radius: 10px;
    margin: 10px;
  }
  
  .el-menu-item {
    margin: 2px 5px;
  }
  
  /* 移动端优化按钮 */
  .el-button {
    padding: 8px 16px;
  }
}